<!--  -->
<template>
  <div class="sale">
    <div class="sale-head">
      <i class="iconfont icon-zuojiantou" @click="$router.push('/detail')"></i>
      <div>欢迎来到收藏页面</div>
    </div>
    <div class="sale-main"></div>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
};
</script>
<style lang="scss" scoped>
.sale {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.sale-head {
  height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 0 0.3125rem;
}
.sale-head div {
  width: 90%;
  text-align: center;
  font-weight: bold;
}
.sale-head i {
  font-size: 1.5rem;
}
</style>
